<div>
	<div class="pbody" data-title="{lang theme_select}" data-width="550" data-css-class="">
		<div class="theme-select ml0 mt10">
			<form id="theme_select_form" name="theme_select_form" method="post" action="{url user/savetheme}">
			<ul id="themeTab" class="nav nav-tabs">
		       <li class="active" style="margin-left: 20px;"><a href="#theme_suggest" data-toggle="tab">{lang theme_suggest}</a></li>
				<li><a href="#header_custom" data-toggle="tab">{lang header_custom}</a></li>
				<li><a href="#theme_custom" data-toggle="tab">{lang theme_custom}</a></li>
		    </ul>
			<div id="themeTabContent"  class="tab-content">  
				<div class="tab-pane fade active in" id="theme_suggest">
					<div class="templete_list">
					{loop $userthemes $utheme}
						<a data-params="{baseurl}{$utheme['css']},{$utheme['name']}" href="javascript:;" data-action="includeTheme"><img src="{baseurl}{$utheme['thumb']}" width="123" height="73" alt=""><span>{$utheme['name']}</span></a>
					{/loop}
					</div>
				</div>
				<div class="tab-pane fade" id="header_custom">
					<div class="image-bg text_c pic-box pull-left" id="headerbg_img_div">
						<img src="{baseurl}{$css['headerbgpath']}?{VERHASH}" onerror="javascript:this.src = base_url + 'assets/img/blank.png';"/>
					</div>
					<div class="bgsetting">
					
						<div class="item">
							<div class="lb">{lang whether_use}</div>
							<div class="ctrl">
								<input type="radio" name="customheader" value="1" {if $css['customheader']=='1'}checked{/if}>{lang yes}</input>
              					<input type="radio" name="customheader" value="0" {if $css['customheader']=='0'}checked{/if}>{lang no}</input>
              				</div>
						</div>
						<div class="item">
							<div class="lb">{lang theme_bg}</div>
							<div class="ctrl">
							<input name="headerrepeat" id="headerrepeat" type="checkbox" data-action="headerrepeat" {if $css['headerrepeat']=='repeat'}checked{/if}>{lang theme_bgrepeat}
							<input type="checkbox" name="headerlock" id="headerlock" data-action="headerlock" {if $css['headerlock']=='fixed'}checked{/if}>{lang theme_bglock}</div>
						</div>
						<div class="item">
							<div class="lb">{lang theme_bgalign}</div>
							<div class="ctrl btn-group" data-toggle="buttons-radio"> 
								<a href="javascript:;" class="btn {if $css['headerpos']=='left center'}active{/if}" id="bgleft" data-action="headerposition" data-params="left">{lang theme_bgleft}</a>
								<a href="javascript:;" class="btn {if $css['headerpos']=='center center'}active{/if}" id="bgcenter" data-action="headerposition" data-params="center">{lang theme_bgcenter}</a>
								<a href="javascript:;" class="btn {if $css['headerpos']=='right center'}active{/if}" id="bgright" data-action="headerposition" data-params="right">{lang theme_bgright}</a>
							</div>
						</div>
						<div class=" mt10">
					   		<a href="javascript:;" id="headerbg_upload_btn" class="btn btn-success">{lang upload_pic}</a>
					   	</div>
					</div>
				</div>
				<div class="tab-pane fade" id="theme_custom">
					<div class="image-bg text_c pic-box pull-left" id="themebg_img_div">
						<img src="{baseurl}{$css['bgpath']}?{VERHASH}" onerror="javascript:this.src = base_url + 'assets/img/blank.png';"/>
					</div>
					<div class="bgsetting">
						<div class="item">
							<div class="lb">{lang whether_use}</div>
							<div class="ctrl">
								<input type="radio" name="custombg" value="1" {if $css['custombg']=='1'}checked{/if}>{lang yes}</input>
              					<input type="radio" name="custombg" value="0" {if $css['custombg']=='0'}checked{/if}>{lang no}</input>
              				</div>
						</div>
						<div class="item">
							<div class="lb">{lang theme_bg}</div>
							<div class="ctrl">
							<input name="bgrepeat" id="bgrepeat" type="checkbox" data-action="bgrepeat" {if $css['bgrepeat']=='repeat'}checked{/if}>{lang theme_bgrepeat}
							<input type="checkbox" name="bglock" id="bglock" data-action="bglock" {if $css['bglock']=='fixed'}checked{/if}>{lang theme_bglock}</div>
						</div>
						<div class="item">
							<div class="lb">{lang theme_bgalign}</div>
							<div class="ctrl btn-group" data-toggle="buttons-radio"> 
								<a href="javascript:;" class="btn {if $css['bgpos']=='left center'}active{/if}" id="bgleft" data-action="bgposition" data-params="left">{lang theme_bgleft}</a>
								<a href="javascript:;" class="btn {if $css['bgpos']=='center center'}active{/if}" id="bgcenter" data-action="bgposition" data-params="center">{lang theme_bgcenter}</a>
								<a href="javascript:;" class="btn {if $css['bgpos']=='right center'}active{/if}" id="bgright" data-action="bgposition" data-params="right">{lang theme_bgright}</a>
							</div>
						</div>
						
						<input type="hidden" name="tmp" id="tmp" value="1">
						<input type="hidden" name="bgpos" id="bgpos">
						<input type="hidden" name="headerpos" id="headerpos">
						<input type="hidden" name="usertheme" id="usertheme">
						<input type="hidden" name="filename" id="themebg_upload_file"/>
						<input type="hidden" name="headerfilename" id="headerbg_upload_file"/>
						<input type="hidden" name="themetype" id="themetype"/>
						<input type="hidden" name="storeid" id="themestoreid"/>
						<div class=" mt10">
				   			<a href="javascript:;" id="themebg_upload_btn" class="btn btn-success">{lang upload_pic}</a>
				   		</div>
					</div>
				</div>
			</div>
			<div class="ui-footer">
				<span id="saveBannerBtn">
					<button type="submit" class="btn btn-primary submit-btn" data-loading-text="{lang tip_loading}">{lang save}</button>
				</span>
			</div>
			</form>
		</div>
	</div>
</div>